<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>注册</title>
		<script src="/message/home/js/jquery-3.4.1.min.js"></script>
		<link href="/message/home/css/bootstrap.min.css" rel="stylesheet">
		<link href="/message/home/css/main.css" rel="stylesheet">
		<link rel="stylesheet" href="/message/home/font/iconfont.css">
	</head>

	<body>

		<div class="container container-small">
			<h1>注册</h1>
			<form action="/message/signupAction.do" method="post">
				<div class="form-group">
					<label>用户名</label>
					<input type="text" class="form-control" placeholder="用户名" name="username">
					<span style="color: red">${fail}</span>
				</div>
				
				<div class="form-group">
					<label>验证码1111</label>
					<img id="yzmImg" src="/message/kaptcha.jpg"/><a class="changeA" href="#">看不清，换一张</a>
					<input type="text" class="form-control" placeholder="请输入验证码" name="captcha">
					<span style="color: red">${promptToken}</span>
				</div>
				
				<div class="form-group">
					<label>密码</label>
					<input type="password" class="form-control" placeholder="密码" name="password">
				</div>
				<div class="form-group">
					<label>确认密码</label>
					<input type="password" class="form-control" placeholder="密码" name="con_password">
				</div>
				<div class="form-group">
					<button type="submit" class="btn btn-primary btn-block">注册</button>
				</div>
				<div class="form-group">
					注册双蛋头条即代表您同意
					<a href="#">双蛋头条服务条款</a>
				</div>
			</form>
		</div>

		<div id="footer"></div>
    <script>
    	$("#header").load("common/header.html",function() {
        	$(".navbar-right li:eq(1)").addClass("active");
        });
        $("#footer").load("common/footer.html",function() {
        	$("#footer div").addClass("footer-bottom");
        });
        $(function(){
			$(".changeA").click(function(){
				$("#yzmImg").attr("src","/message/kaptcha.jpg/?time="+new Date());
				
				return false;//废除超链接功能
			});
			
		});
    </script>

	</body>

</html>